B Supporting Pane Layout 輔助窗格佈局

輔助面板佈局將螢幕內容分為主區域(Primary Area)和輔助區域(Supporting Area)。

Usage 適用場景

當輔助內容僅在主內容的上下文中有意義時,適合使用輔助窗格佈局。

如果內容具有父子關係(如列表+詳情),應使用列表-詳情佈局。

Dividing space 空間劃分

主面板(Focus Pane):佔據大部分空間,顯示核心內容。

輔助面板(Supporting Pane):

輔助窗格位置窗格寬度適用視窗尺寸
下方(Below)靈活(Flexible)緊湊(Compact)/ 中等(Medium)
左側或右側(Side)固定(360dp)擴充套件(Expanded)

Across window size classes 各尺寸下的適配

緊湊(Compact)輔助面板位於主窗格下方,

可作為底部面板(Bottom Sheet),在保持主內容可見的同時提供額外資訊。

中等(Medium)同樣位於主面板下方,用於補充內容,如額外工具欄或評論區。

擴充套件(Expanded)輔助面板位於主窗格的左側或右側,形成更寬的螢幕布局,便於多工處理。